﻿<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">文章 <kbd class="pull-right">Post</kbd></h1>
</div>
<div class="wrapper-md">
  <div class="row">
    <div class="col-sm-9">
      <div class="blog-post">                   
        <div class="panel">
          <div>
            <img src="img/c0.jpg" class="img-full">
          </div>
          <div class="wrapper-lg">
            <h2 class="m-t-none"><a href>每日鸡汤 - 比金子还宝贵的东西</a></h2>
            <div>
                　　在非洲的一片茂密丛林中，走着四个皮包骨头的男子，他们扛着一只沉重的箱子，在密林里踉踉跄跄地向前走。他们跟随队长进入丛林探险，但是，队长却在任务即将完成时患疾病同，不幸长眠于丛林中了。
                临终前队长把亲手制作的箱子托付给他们，并十分诚恳地说：“如果你们能把这个箱子送到我的朋友手里，你们将得到比金子还宝贵的东西。”
                埋葬了队长之后，他们便扛着箱子上路了，道路越来越难走，他们的力气也越来越小了，但他们仍然鼓起劲往前走着。终于有一天，绿色的屏障突然拉开了，他们历经千辛万苦之后终于走出了丛林，找到了队长的朋友，可是那个朋友却说：“我一无所有啊!”
                于是，打开箱子一看，竟是一堆无用的木头!就这么个故事，看起来队长给了他们一箱无用的木头，其实，他却给了他们行动的目的，使他们获得了比金子还贵重的东西——生命。这个故事启示着我们学习、做任何事情必须要有明确的目的和奋斗目标。</p>
            </div>
            <div class="line line-lg b-b b-light"></div>
            <div class="text-muted">
              <i class="fa fa-user text-muted"></i> 作者 <a href class="m-r-sm">毛里求斯国王</a>
              <i class="fa fa-clock-o text-muted"></i> 2015/04/28
              <a href class="m-l-sm"><i class="fa fa-comment-o text-muted"></i> 2 条评论</a>
            </div>
          </div>
        </div>
        <div class="panel">
          <div class="wrapper-lg">
            <h2 class="m-t-none"><a href>每日鸡汤 - 我吸烟的时候可以祈祷吗？</a></h2>
            <div>
              <p>一天，一位教士做礼拜时忽然烟瘾上来了，就问主教：“我祈祷的时候可以抽一支烟吗？”结果，这位教士遭到了主教的呵斥。其后，又有一位教士也遇到了同样的状况，犯了烟瘾，但他却换了一种方式问道：“我吸烟的时候可以祈祷吗？”主教竟然莞尔一笑，答应了他的请求。
              </p>
              <h3>你很重要</h3>
              <p>
                  你很重要，因为你就是你能拥有的全部。你存在，整个世界才存在。你看得到阳光，整个世界才看得到阳光。你失去平衡，世界就失去平衡。你消失，世界就消失。所以你很重要，你就是你能拥有的全部。</p>
            </div>
            <div class="line line-lg b-b b-light"></div>
            <div class="text-muted">
              <i class="fa fa-user text-muted"></i> 作者 <a href class="m-r-sm">毛里求斯国王</a>
              <i class="fa fa-clock-o text-muted"></i> 2015/04/27
              <a href class="m-l-sm"><i class="fa fa-comment-o text-muted"></i> 4 评论</a>
            </div>
          </div>
        </div>
      </div>
      <div class="text-center m-t-lg m-b-lg">
        <ul class="pagination pagination-md">
          <li><a href><i class="fa fa-chevron-left"></i></a></li>
          <li class="active"><a href>1</a></li>
          <li><a href>2</a></li>
          <li><a href>3</a></li>
          <li><a href>4</a></li>
          <li><a href>5</a></li>
          <li><a href><i class="fa fa-chevron-right"></i></a></li>
        </ul>
      </div>
      <h4 class="m-t-lg m-b">3 条评论</h4>
      <div>
        <div>
          <a class="pull-left thumb-sm">
            <img src="img/a0.jpg" class="img-circle">
          </a>
          <div class="m-l-xxl m-b">
            <div>
              <a href><strong>尼采</strong></a>
              <label class="label bg-info m-l-xs">Editor</label> 
              <span class="text-muted text-xs block m-t-xs">
                24 分钟前
              </span>
            </div>
            <div class="m-t-sm">但凡不能杀死你的，最终都会使你更强大。</div>
          </div>
        </div>

        <div class="m-l-xxl">
          <a class="pull-left thumb-sm">
            <img src="img/a1.jpg" class="img-circle">
          </a>
          <div class="m-l-xxl m-b">
            <div>
              <a href><strong>黑格尔</strong></a>
              <label class="label bg-dark m-l-xs">哲学家</label> 
              <span class="text-muted text-xs block m-t-xs">
                26 分钟前
              </span>
            </div>
            <div class="m-t-sm">存在即合理。</div>
          </div>
        </div>

        <div>
          <a class="pull-left thumb-sm">
            <img src="img/a2.jpg" class="img-circle">
          </a>
          <div class="m-l-xxl m-b">
            <div>
              <a href><strong>苏格拉底</strong></a>
              <label class="label bg-dark m-l-xs">哲学家</label> 
              <span class="text-muted text-xs block m-t-xs">
                26 分钟前
              </span>
            </div>
            <blockquote class="m-t">
              <p>认识自己的无知就是最大的智慧。</p>
              <small>我只知道一件事，就是我什么都不知道。 </small>
            </blockquote>
            <div class="m-t-sm">骄傲是无知的产物。</div>
          </div>
        </div>

      </div>
      <h4 class="m-t-lg m-b">发表评论</h4>
      <form>
        <div class="form-group pull-in clearfix">
          <div class="col-sm-6">
            <label>名称</label>
            <input type="text" class="form-control" placeholder="名称">
          </div>
          <div class="col-sm-6">
            <label >邮箱</label>
            <input type="email" class="form-control" placeholder="邮箱">
          </div>
        </div>
        <div class="form-group">
          <label>评论</label>
          <textarea class="form-control" rows="5" placeholder="请输入你的评论"></textarea>
        </div>
        <div class="form-group">
          <button type="submit" class="btn btn-success">提交评论</button>
        </div>
      </form>
    </div>
    <div class="col-sm-3">
      <h5 class="font-bold">分类</h5>
      <ul class="list-group">
        <li class="list-group-item">
          <a href>
            <span class="badge pull-right">15</span>
            鸡汤
          </a>
        </li>
        <li class="list-group-item">
          <a href>
            <span class="badge pull-right">30</span>
            毒鸡汤
          </a>
        </li>
        <li class="list-group-item">
          <a href>
            <span class="badge pull-right">9</span>
            段子
          </a>
        </li>
        <li class="list-group-item">
          <a href>
            <span class="badge pull-right">4</span>
            福利
          </a>
        </li>
      </ul>
      <div class="tags m-b-lg l-h-2x">
          <a href class="label bg-primary">苏格拉底</a> 
          <a href class="label bg-primary">尼采</a> 
          <a href class="label bg-primary">鲁迅</a>
          <a href class="label bg-primary">黑格尔</a> 
          <a href class="label bg-primary">柏拉图</a> 
          <a href class="label bg-primary">亚里士多德</a> 
      </div>
      <h5 class="font-bold">最新文章</h5>
      <div>
        <div>
          <a class="pull-left thumb thumb-wrapper m-r">
            <img src="img/b0.jpg">
          </a>
          <div class="clear">                        
            <a href class="font-semibold text-ellipsis">横眉冷对千夫指，俯首甘为孺子牛。</a>
            <div class="text-xs block m-t-xs"><a href>@鲁迅</a> 2 分钟前</div>
          </div>
        </div>
        <div class="line"></div>
        <div>
          <a class="pull-left thumb thumb-wrapper m-r">
            <img src="img/b1.jpg">
          </a>
          <div class="clear">                        
            <a href class="font-semibold text-ellipsis">婚姻是一座围城，城外的人想进去，城里的人想出来。</a>
            <div class="text-xs block m-t-xs"><a href>@钱钟书</a> 2 小时前</div>
          </div>
        </div>
        <div class="line"></div>
        <div>
          <a class="pull-left thumb thumb-wrapper m-r">
            <img src="img/b2.jpg">
          </a>
          <div class="clear">                        
            <a href class="font-semibold text-ellipsis">上善若水，水善利万物而不争。</a>
            <div class="text-xs block m-t-xs"><a href>@老子</a> 1 周前</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>